<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>列表页</title>
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/static/module/ywt/h5/css/style.css" th:href="@{/static/module/ywt/h5/css/style.css}" />
    <link rel="stylesheet" href="/static/module/ywt/h5/css/dialog.css" th:href="@{/static/module/ywt/h5/css/dialog.css}">
</head>

<body>
<div class="content">
    <div class="search">
        <input id="searchApp" type="text" placeholder="请输入关键词">
    </div>
    <div class="newsNav">
        <div id="navTitle">
            <ul>
                <li class="active">部门通知<span>23</span></li>
                <li>教学科研<span>9</span></li>
                <li>基层动态</li>
            </ul>
        </div>
        <div id="navContain">
            <ul>
                <li class="active">

                        <div class="slide-wrapper">
                            <div class="slide-scroll animate-slide-start">
                                <div class="slide-content">
                                    <div class="newsTitle">太原师范学院2024届毕业生秋季校园招聘会1</div>
                                    <div class="newsMsg">
                                        <div class="newsFrom">就业指导中心</div><div class="newsDate">2023-09-21 11:10:43</div>
                                    </div>
                                </div>
                                <div class="slide-content-button"><button>删除</button></div>
                            </div>
                        </div>

                    <div class="slide-wrapper">
                        <div class="slide-scroll animate-slide-start">
                            <div class="slide-content">
                                <div class="newsTitle"><p>太原师范学院2024届毕业生秋季校园招聘会太原师范学院2024届毕业生秋季校园招聘会太原师范学院2024届毕业生秋季校园招聘会</p></div>
                                <div class="newsMsg">
                                    <div class="newsFrom">就业指导中心</div><div class="newsDate">2023-09-21 11:10:43</div>
                                </div>
                            </div>
                            <div class="slide-content-button"><button>删除</button></div>
                        </div>
                    </div>

                    <div class="slide-wrapper">
                        <div class="slide-scroll animate-slide-start">
                            <div class="slide-content">
                                <div class="newsTitle">太原师范学院2024届毕业生秋季校园招聘会</div>
                                <div class="newsMsg">
                                    <div class="newsFrom">就业指导中心</div><div class="newsDate">2023-09-21 11:10:43</div>
                                </div>
                            </div>
                            <div class="slide-content-button"><button>删除</button></div>
                        </div>
                    </div>
                    <div class="slide-wrapper">
                        <div class="slide-scroll animate-slide-start">
                            <div class="slide-content">
                                <div class="newsTitle">太原师范学院2024届毕业生秋季校园招聘会</div>
                                <div class="newsMsg">
                                    <div class="newsFrom">就业指导中心</div><div class="newsDate">2023-09-21 11:10:43</div>
                                </div>
                            </div>
                            <div class="slide-content-button"><button>删除</button></div>
                        </div>
                    </div>
                    <div class="slide-wrapper">
                        <div class="slide-scroll animate-slide-start">
                            <div class="slide-content">
                                <div class="newsTitle">太原师范学院2024届毕业生秋季校园招聘会</div>
                                <div class="newsMsg">
                                    <div class="newsFrom">就业指导中心</div><div class="newsDate">2023-09-21 11:10:43</div>
                                </div>
                            </div>
                            <div class="slide-content-button"><button>删除</button></div>
                        </div>
                    </div>
                    <div class="slide-wrapper">
                        <div class="slide-scroll animate-slide-start">
                            <div class="slide-content">
                                <div class="newsTitle">太原师范学院2024届毕业生秋季校园招聘会</div>
                                <div class="newsMsg">
                                    <div class="newsFrom">就业指导中心</div><div class="newsDate">2023-09-21 11:10:43</div>
                                </div>
                            </div>
                            <div class="slide-content-button"><button>删除</button></div>
                        </div>
                    </div>
                    <div class="slide-wrapper">
                        <div class="slide-scroll animate-slide-start">
                            <div class="slide-content">
                                <div class="newsTitle">太原师范学院2024届毕业生秋季校园招聘会</div>
                                <div class="newsMsg">
                                    <div class="newsFrom">就业指导中心</div><div class="newsDate">2023-09-21 11:10:43</div>
                                </div>
                            </div>
                            <div class="slide-content-button"><button>删除</button></div>
                        </div>
                    </div>
                    <div class="slide-wrapper">
                        <div class="slide-scroll animate-slide-start">
                            <div class="slide-content">
                                <div class="newsTitle">太原师范学院2024届毕业生秋季校园招聘会</div>
                                <div class="newsMsg">
                                    <div class="newsFrom">就业指导中心</div><div class="newsDate">2023-09-21 11:10:43</div>
                                </div>
                            </div>
                            <div class="slide-content-button"><button>删除</button></div>
                        </div>
                    </div>
                </li>
                <li>内容2</li>
                <li>内容3</li>
            </ul>
        </div>
    </div>
</div>
<div id="toTop" class="toTop" title="返回顶部"></div>
<script src="/static/module/ywt/h5/js/jquery.js" th:src="@{/static/module/ywt/h5/js/jquery.js}"></script>
<script src="/static/module/ywt/h5/js/page.js" th:src="@{/static/module/ywt/h5/js/page.js}"></script>
<script src="/static/module/ywt/h5/js/jquery.dialog.js" th:src="@{/static/module/ywt/h5/js/jquery.dialog.js}"></script>
<script>
    $("#navTitle ul li").on("click", function () {
        var index = $(this).index();
        $(this).addClass("active").siblings().removeClass("active");
        $("#navContain ul li").removeClass("active").eq(index).addClass("active");
    })
    $(".slide-content").click(function () {
        window.location.href ="page.html";
    })
    // 删除确认提示框
    $('.slide-content-button').click(function() {
        $.sendConfirm({
            hideHeader: true,
            withCenter: true,
            msg: '确定将所有信息标记为已读么？',
            button: {
                confirm: '确认',
                cancel: '取消'
            },
            onConfirm: function() {
                console.log('点击确认！');
            },
            onCancel: function() {
                console.log('点击取消！');
            },
            onClose: function() {
                console.log('点击关闭！');
            }
        });
    });

</script>
</body>

</html>